@charset "utf-8"
body {
}

/* ========== main-common======== */

/* 绘制圆点 */

.c-dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	background-color: #ccc;
}
.c-dot-active {
	width: 12px;
	height: 12px;
	background-color: #fff;
}
.c-dot2 {
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 3px solid #fff;
	border-radius: 100%;
	background-color: transparent;
}
.c-dot2:hover {
	border-color: #ccc;
}
.c-dot2-c000 {
	background-color: #000;
}
.c-dot2-cb73 {
	background-color: #b73233;
}
.c-dot2-caaa {
	background-color: #aaa;
}

/* 盒子阴影 */
.b-shadow {
	position: relative;
}
.b-shadow:hover {
	box-shadow: 0px 0px 35px 1px #ccc inset;
}
.b-shadow2 {
	position: relative;
}
.b-shadow2:hover:before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	box-shadow: 0px 0px 35px 1px #ccc inset;
}
.b-s {
	box-shadow: 0.9px 0.9px 1px 1px rgba(0, 0, 0, .1);
	border-radius: 15px;
}

/* 按钮 */
.btn1 {
	display: inline-block;
	width: 100px;
	height: 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 30px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .2);
}
.btn2 {
	display: inline-block;
	width: 100px;
	height: 35px;
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 35px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .2);
	cursor: pointer;
}
.btn2:hover {
	background-color: #f1f1f1;
}
.more:hover {
	background-color: #f2f2f2;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .1);
}
.buy {
	background-color: #5273c7;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .1);
	color: #fff;
}
.buy:hover {
	background-color: #5a7bcb;
}

/* 省略显示 */
.elp {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.elp2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.elp3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* 常用属性 */
.dis-tab {
	display: table;
}
.f-siz5 {
	font-size: 5px;
}
.c-82a {
	color: #82a2ef
}

/*蓝绿色*/
.t-ind18 {
	text-indent: 18px;
}
.t20 {
	top: 20%;
}
.r1 {
	right: 1%;
}
.b-rad5 {
	border-radius: 5px
}

/* ========== main ======== */
#main {
	margin-top: 20px;
	min-width: 1220px;
}
#main .wrap {
	margin: auto;
	width: 1220px;
}

/* ========== main-banner ======== */
#main .wrap .banner {
}
#main .wrap .banner > ul {
	height: 500px;
	border-radius: 50px;
	background-color: transparent;
	border: none;
}
#main .wrap .banner > ul > li {
	height: inherit;
	overflow: hidden;
	border-radius: 15px;
	background-color: transparent;
	border: none;
}
#main .wrap .banner > ul > li > img {
	background-color: transparent;
	border-radius: 15px;
	border: none;
}
#main .wrap .banner > ul > li.items1, #main .wrap .banner > ul > li.items3 {
	background: url('../images/img-main/banner-1bg.png') no-repeat center;
}
#main .wrap .banner > ul > li.items2, #main .wrap .banner > ul > li.items4 {
	background: url('../images/img-main/banner-2bg.png') no-repeat center;
}
#main .wrap .banner >ol.button-bar {
	bottom: 25px;
	left: 50%;
	border: 0px solid red;
	z-index: 999;
}
#main .wrap .banner >ol.button-bar>li {
	float: left;
	margin-right: 10px !important;
}
#main .wrap .banner >ol.button-bar>li>a {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	background-color: #ccc;
	vertical-align: middle !important;
}

/* --------------------------------------swiper分页器----------------------------- */

/*#main .wrap .banner >.button-bar>span.swiper-pagination-bullet-active{
	width:12px !important;
	height:12px !important;
	background-color: #fff !important;
}
#main .wrap .banner >.button-bar>span.swiper-pagination-bullet{
	display:inline-block !important;
	width:9px !important;
	height:9px !important;
	border-radius:100% !important;
	background-color: #ccc !important;
}*/
#main .wrap .banner >.button-bar {
	bottom: 25px;
	left: 50%;
	border: 0px solid red;
	z-index: 999;
	vertical-align: middle !important;
	height: 12px;
	line-height: 12px;
}
#main .wrap .banner >.button-bar>span {
	float: left;
	margin-right: 10px !important;
	display: inline-block;
	line-height: 12px;
	border-radius: 100%;
	background-color: #ccc;
	vertical-align: middle !important;
}

/* ========== main-active======== */
#main .wrap .active ul {
	height: 200px;
	overflow: hidden;
	border: 1px solid #eee;
	border-radius: 10px;
}
#main .wrap .active ul li {
	float: left;
	width: 24.9%;
	height: 100%;
	border-left: 1px solid #eee;
}
#main .wrap .active ul li a {
	display: block;
	height: 100%;
	width: 100%;
}
#main .wrap .active ul li a img {
	height: 100%;
	width: 100%;
}

/* ========== main-hot======== */
#main .wrap .hot {
	border: 1px solid #eee;
	z-index: 99;
	overflow: hidden;
}
#main .wrap .hot>h2 {
	background-color: #fafafa;
	height: 60px;
	line-height: 60px;
	text-indent: 30px;
	font-weight: normal;
}
#main .wrap .hot>ul {
	height: 429px;
	overflow: hidden;
	background-color: #fff;
}
#main .wrap .hot>ul>li {
	float: left;
	width: 24.8%;
	height: 429px;
	border: 1px solid #eee;
	text-align: center;
	cursor: pointer;
}
#main .wrap .hot>ul>li:hover .choice {
	display: block;
}
#main .wrap .hot>ul>li:hover .price {
	display: none;
}
#main .wrap .hot>ul>li>img {
	margin: 40px 0 15px;
}
#main .wrap .hot>ul>li .btn {
	padding: 20px 0;
}
#main .wrap .hot>ul>li .btn> a {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	line-height: 16px;
}

/* ========== main-boutique======== */
#main .wrap .boutique {
	overflow: hidden;
}
#main .wrap .boutique>ul {
	height: 858px;
}
#main .wrap .boutique>ul>li.first {
	width: 49.6%;
}
#main .wrap .boutique>ul>li.first>a {
	width: 100%;
	height: 100%;
}
#main .wrap .boutique>ul>li.first>a>img {
	width: 100%;
	height: 100%;
}

/* ========== main-selection======== */

/* ========== t-active======== */
#main .wrap .t-active {
	overflow: hidden;
}
#main .wrap .t-active>h2 {
	background-color: #fafafa;
	height: 60px;
	line-height: 60px;
	text-indent: 30px;
	font-weight: normal;
}

/* ========== t-apply======== */
#main .wrap .t-apply>ul {
	height: 359px;
}
#main .wrap .t-apply>ul>li {
	height: 100%;
}
#main .wrap .t-apply>ul>li>.img {
	margin: 80px auto 15px;
	width: 90px;
	height: 90px;
	background: url('../images/img-main/sec5-1.png') no-repeat 0px 0px;
}
#main .wrap .t-apply>ul>li>.img.note {
	background-position: -180px 0px;
}
#main .wrap .t-apply>ul>li>.img.desk {
	background-position: -100px 0px;
}
#main .wrap .t-apply>ul>li>.img.forum {
	background-position: -380px 0px;
}
#main .wrap .t-apply>ul>li>.choice {
	padding: 77px 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
#main .wrap .t-apply>ul>li>.choice>.buy {
	width: 211px;
	height: 51px;
	line-height: 51px;
	background-color: #3366ff;
	vertical-align: middle;
}
#main .wrap .t-apply>ul>li>.choice>.buy:hover {
	background-color: #567dcd;
}